<!DOCTYPE html>

<html class="app-ui">

    <head>
        <!-- Meta -->
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

        <!-- Document title -->
        <title>Pages &ndash; Profile</title>

        <meta name="description" content="AppUI - Admin Dashboard Template & UI Framework" />
        <meta name="author" content="rustheme" />
        <meta name="robots" content="noindex, nofollow" />

        <!-- Favicons -->
        <link rel="apple-touch-icon" href="assets/img/favicons/apple-touch-icon.png" />
        <link rel="icon" href="assets/img/favicons/favicon.ico" />

        <!-- Google fonts -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,900%7CRoboto+Slab:300,400%7CRoboto+Mono:400" />

        <!-- AppUI CSS stylesheets -->
        <link rel="stylesheet" id="css-font-awesome" href="assets/css/font-awesome.css" />
        <link rel="stylesheet" id="css-ionicons" href="assets/css/ionicons.css" />
        <link rel="stylesheet" id="css-bootstrap" href="assets/css/bootstrap.css" />
        <link rel="stylesheet" id="css-app" href="assets/css/app.css" />
        <link rel="stylesheet" id="css-app-custom" href="assets/css/app-custom.css" />
        <!-- End Stylesheets -->
    </head>

    <body class="app-ui layout-has-drawer layout-has-fixed-header">
		
		<script type="text/javascript" src="assets/js/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/address.js"></script>
		
				<script type="text/javascript">
					$(function() {
						var url =userconterurl;
						var userconterurl="http://localhost:6200/";
						var token = sessionStorage.getItem("token");
						/* if(token=="" || token==null){
							checktoken();
						} */
						$("#accnm").html("张三<div id='accEmail' class='small text-muted m-t-xs' >zs@163.com</div>");
						
						//test();					
						 uaccountinfo();
						
						function checktoken(){						
								alert("登陆超时，请重新登陆");
								window.location.href="login.html"; 						
						}
		
						function test() {
							$.ajax({
								headers: {
									"token": token
								},
								type: "get",
								//data:{_method:put},
								//数据，json字符串,规定连同请求发送到服务器的数据
		                        //data : JSON.stringify(list),
								url: url + "getUAccountInfo",
								contentType: "application/x-www-form-urlencoded",
								success: function(data) {
									console.log(data);
								},
								//请求失败，包含具体的错误信息
								error: function(e) {
									checktoken();
								}
							});
						}
		
		              function  uaccountinfo(){
						  $.ajax({
						  	headers: {
						  		"token": token
						  	},
						  	type: "get",
						  	//data:{_method:put},
						  	//数据，json字符串,规定连同请求发送到服务器的数据
						    data : {accId:1},
						  	url: userconterurl+"teacherManage/selectTeacherByaccId",
						  	contentType: "application/x-www-form-urlencoded",
						  	success: function(data) {
						  		if(data.code=="1001"){
									var teacher =data.uTeacher;
									$("#exampleInputName1").val(teacher.accId);
								    $("#exampleInputName2").val(teacher.teaNm);
									 $("#exampleInputPhone1").val(teacher.teaMobile);
									$("#exampleInputPhone2").val(teacher.teaBirthday);
									$("#exampleInputAddress").val(teacher.teaAddress);
									
								}
						  	},
						  	//请求失败，包含具体的错误信息
						  	error: function(e) {
						  		checktoken();
						  	}
						  });
						  
					  }
		              
		             $("#passbut").click(function(){
						  if($("#exampleInputPassword3").val()!=$("#exampleInputPassword2").val()){
							  alert("输入的两次密码不同，请重新输入");
						  }
						  if($("#exampleInputPassword3").val()==$("#exampleInputPassword1").val() || $("#exampleInputPassword2").val()==$("#exampleInputPassword1").val()){
							   alert("原密码与旧密码不能相同，请重新输入");
						  }
						   $.ajax({
						  	headers: {
						  		"token": token
						  	},
						  	type: "put",
						  //	data:{_method:put},
						  	//数据，json字符串,规定连同请求发送到服务器的数据
						    data : {
								//_method:"PUT",
								accId:3,
								loginName:'cff',
								newloginPass:$("#exampleInputPassword3").val(),
								oldloginPass:$("#exampleInputPassword1").val()
							},
							dataType:"json",
						  	url: userconterurl + "updateLoginPass",
						  	contentType: "application/x-www-form-urlencoded",
						  	success: function(data) {
						  		if(data.code==1001){
									alert(data.msg+"请重新登陆");
									window.location.href="login.html"; 	
								}
						  	},
						  	//请求失败，包含具体的错误信息
						  	error: function(e) {
								alert("错误");
						  		//checktoken();
						  	}
						  }); 
					  });
		                
		
		
					})
				</script>
		
        <div class="app-layout-canvas">
            <div class="app-layout-container">

                <!-- Drawer -->
                <aside class="app-layout-drawer">
                
                	<!-- Drawer scroll area -->
                	<div class="app-layout-drawer-scroll">
                		<!-- Drawer logo -->
                		<div id="logo" class="drawer-header">
                			<a href="index.html">
                				<h4 style=" text-align:center">云阅卷</h4>
                			</a>
                		</div>
                
                		<!-- Drawer navigation -->
                		<nav class="drawer-main">
                			<ul class="nav nav-drawer">
                
                
                				<li class="nav-item nav-drawer-header">菜单导航</li>
                
                				<li class="nav-item nav-item-has-subnav">
                					<a href="javascript:void(0)"><i class="ion-ios-calculator-outline"></i>考试管理</a>
                					<ul class="nav nav-subnav">
                
                						<li>
                							<a href="examList.html">考试列表</a>
                						</li>
                
                						<li>
                							<a href="createExam.html">创建考试</a>
                						</li>
                					</ul>
                				</li>
                
                				<li class="nav-item nav-item-has-subnav">
                					<a href="javascript:void(0)"><i class="ion-ios-compose-outline"></i> 在线阅卷</a>
                					<ul class="nav nav-subnav">
                
                						<li>
                							<a href="examSetting.html">阅卷设置</a>
                						</li>
                
                						<li>
                							<a href="examPapers.html">我要阅卷</a>
                						</li>
                
                						<li>
                							<a href="examProblemPapers.html">问题卷处理</a>
                						</li>
                						<li>
                							<a href="examProgress.html">进度监控</a>
                						</li>
                
                						<li>
                							<a href="examQuality.html">质量抽查</a>
                						</li>
                
                					</ul>
                				</li>
                
                
                				<li class="nav-item nav-item-has-subnav">
                					<a href="javascript:void(0)"><i class="ion-ios-list-outline"></i> 成绩管理</a>
                					<ul class="nav nav-subnav">
                
                						<li>
                							<a href="examReport.html">考试成绩单</a>
                						</li>
                
                						<li>
                							<a href="examSubReport.html">单科试题得分表</a>
                						</li>
                
                						<li>
                							<a href="gradeAnalyze.html">年纪成绩分析</a>
                						</li>
                
                						<li>
                							<a href="classAnalyze.html">班级成绩分析</a>
                						</li>
                
                					</ul>
                				</li>
                
                				<li class="nav-item nav-item-has-subnav">
                					<a href="javascript:void(0)"><i class="ion-ios-browsers-outline"></i> 教师讲卷</a>
                					<ul class="nav nav-subnav">
                
                						<li>
                							<a href="scoreAndPapers.html">成绩与答卷</a>
                						</li>
                
                						<li>
                							<a href="highScoreComposition.html">高分作文</a>
                						</li>
                
                						<li>
                							<a href="topicScore.html">试题得分情况</a>
                						</li>
                
                						<li>
                							<a href="subAnalyzeReport.html">学科分析报表</a>
                						</li>
                					</ul>
                				</li>
                
                				<li class="nav-item nav-item-has-subnav">
                					<a href="javascript:void(0)"><i class="ion-social-javascript-outline"></i> 用户中心</a>
                					<ul class="nav nav-subnav">
                
                						<li>
                							<a href="subjectManager.html">学校管理</a>
                						</li>
                
                						<li>
                							<a href="subManager.html">学科管理</a>
                						</li>
                
                						<li>
                							<a href="gradeManager.html">年级管理</a>
                						</li>
                
                						<li>
                							<a href="gradeAndSubManager.html">年级与学科关系维护</a>
                						</li>
                
                						<li>
                							<a href="teaManager.html">教师管理</a>
                						</li>
                
                						<li>
                							<a href="classManager.html">班级管理</a>
                						</li>
                
                						<li>
                							<a href="stuManager.html">学生管理</a>
                						</li>
                
                						<li>
                							<a href="subAdnClassAnager.html">学科与班级关系维护</a>
                						</li>
                					</ul>
                				</li>
                
                			</ul>
                		</nav>
                		<!-- End drawer navigation -->
                
                		<div class="drawer-footer">
                			<p class="copyright">Copyright &copy; 2020.北京万邦易嵌科技有限公司.<a target="_blank" href="http://www.wanbangee.com">万邦易嵌</a></p>
                		</div>
                	</div>
                	<!-- End drawer scroll area -->
                </aside>
                <!-- End drawer -->

                <!-- Header -->
                <header class="app-layout-header">
                    <nav class="navbar navbar-default">
                        <div class="container-fluid">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
                                <button class="pull-left hidden-lg hidden-md navbar-toggle" type="button" data-toggle="layout" data-action="sidebar_toggle">
					<span class="sr-only">Toggle drawer</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
                                <span class="navbar-page-title">
					
					Pages &ndash; Profile
				</span>
                            </div>

                            <div class="collapse navbar-collapse" id="header-navbar-collapse">
                                <!-- Header search form -->
                                <form class="navbar-form navbar-left app-search-form" role="search">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <input class="form-control" type="search" id="search-input" placeholder="Search..." />
                                            <span class="input-group-btn">
								<button class="btn" type="button"><i class="ion-ios-search-strong"></i></button>
							</span>
                                        </div>
                                    </div>
                                </form>

                                <ul id="main-menu" class="nav navbar-nav navbar-left">
                                    <li class="dropdown">
                                        <a href="#" data-toggle="dropdown">English <span class="caret"></span></a>

                                        <ul class="dropdown-menu">
                                            <li><a href="javascript:void(0)">French</a></li>
                                            <li><a href="javascript:void(0)">German</a></li>
                                            <li><a href="javascript:void(0)">Italian</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" data-toggle="dropdown">Pages <span class="caret"></span></a>

                                        <ul class="dropdown-menu">
                                            <li><a href="javascript:void(0)">Analytics</a></li>
                                            <li><a href="javascript:void(0)">Visits</a></li>
                                            <li><a href="javascript:void(0)">Changelog</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <!-- .navbar-left -->

                                <ul class="nav navbar-nav navbar-right navbar-toolbar hidden-sm hidden-xs">
                                    <li>
                                        <!-- Opens the modal found at the bottom of the page -->
                                        <a href="javascript:void(0)" data-toggle="modal" data-target="#apps-modal"><i class="ion-grid"></i></a>
                                    </li>

                                    <li class="dropdown">
                                        <a href="javascript:void(0)" data-toggle="dropdown"><i class="ion-ios-bell"></i> <span class="badge">3</span></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li class="dropdown-header">Profile</li>
                                            <li>
                                                <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News </a>
                                            </li>
                                            <li>
                                                <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages </a>
                                            </li>
                                            <li class="divider"></li>
                                            <li class="dropdown-header">More</li>
                                            <li>
                                                <a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
                                            </li>
                                        </ul>
                                    </li>

                                    <li class="dropdown dropdown-profile">
                                        <a href="javascript:void(0)" data-toggle="dropdown">
                                            <span class="m-r-sm">John Doe <span class="caret"></span></span>
                                            <img class="img-avatar img-avatar-48" src="assets/img/photos/dijia.png" alt="User profile pic" />
                                        </a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li class="dropdown-header">
                                                Pages
                                            </li>
                                            <li>
                                                <a href="base_pages_profile.html">Profile</a>
                                            </li>
                                            <li>
                                                <a href="base_pages_profile.html"><span class="badge badge-success pull-right">3</span> Blog</a>
                                            </li>
                                            <li>
                                                <a href="frontend_login_signup.html">Logout</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <!-- .navbar-right -->
                            </div>
                        </div>
                        <!-- .container-fluid -->
                    </nav>
                    <!-- .navbar-default -->
                </header>
                <!-- End header -->

                <main class="app-layout-content">

                    <!-- Page Content -->
                    <div class="container-fluid p-y-md">
                        <div class="card card-profile">
                            <div class="card-profile-img bg-img" style="background-image: url(assets/img/misc/base_pages_profile_header_bg.jpg);">
                            </div>
                            <div class="card-block card-profile-block text-xs-center text-sm-left">
                                <img class="img-avatar img-avatar-96" src="assets/img/photos/dijia.png" alt="" />
                                <div id="accnm" class="profile-info font-500" >
                                    <div id="accEmail" class="small text-muted m-t-xs" value="456"></div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="card">
                                   <ul class="nav nav-tabs nav-stacked">
                                        <li class="active">
                                            <a href="#profile-tab1" data-toggle="tab">账户信息</a>
                                        </li>
                                       <!-- <li>
                                            <a href="#profile-tab2" data-toggle="tab">安全和隐私</a>
                                        </li> -->
                                        <li>
                                            <a href="#profile-tab3" data-toggle="tab">修改密码</a>
                                        </li>
                                        <!-- <li>
                                            <a href="#profile-tab4" data-toggle="tab">Order history</a>
                                        </li> -->
                                       <!-- <li>
                                            <a href="#profile-tab5" data-toggle="tab">邮箱</a>
                                        </li> -->
                                        <!-- <li>
                                            <a href="#profile-tab6" data-toggle="tab">Followers</a>
                                        </li> -->
                                    </ul> 
                                    <!-- .nav-tabs -->
                                </div>
                                <!-- .card -->
                            </div>
                            <!-- .col-md-4 -->

                            <div class="col-md-8" style="visibility:visible">
                                <div class="card" style="visibility:visible">
                                    <div class="card-block tab-content">
                                        <!-- Profile tab 1 -->
                                        <div class="tab-pane fade in active" id="profile-tab1">
                                            <form class="fieldset">
                                                <h4 class="m-t-sm m-b">基本信息</h4>
                                                <div class="form-group row">
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputName1">账号名</label>
                                                        <input type="text" class="form-control" id="exampleInputName1" />
                                                    </div>
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputName2">真实姓名</label>
                                                        <input type="text" class="form-control" id="exampleInputName2" />
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputPhone1">手机号</label>
                                                        <input type="tel" class="form-control" id="exampleInputPhone1" />
                                                    </div>
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputPhone2">生日</label>
                                                        <input type="datetime-local" class="form-control" id="exampleInputPhone2" />
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="exampleInputAddress">地址</label>
                                                    <input type="text" class="form-control" id="exampleInputAddress" />
                                                </div>

                                                
                                              
                                            </form>
                                        </div>
                                        <!-- End profile tab 1 -->

                                       

                                        <!-- Profile tab 3 -->
                                        <div class="tab-pane fade" id="profile-tab3" style="visibility:visible">
                                            <form class="fieldset" >
                                             <!--   <h4 class="m-t-sm m-b">基本信息</h4>
                                                <div class="form-group row">
													
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputName1">账号名</label>
                                                        <input type="text" class="form-control" id="exampleInputName1" />
                                                    </div> 
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputName2">真实姓名</label>
                                                        <input type="text" class="form-control" id="exampleInputName2" />
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputPhone1">手机号</label>
                                                        <input type="tel" class="form-control" id="exampleInputPhone1" />
                                                    </div>
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputPhone2">生日</label>
                                                        <input type="datetime-local" class="form-control" id="exampleInputPhone2" />
                                                    </div>
                                                </div>
											
                                                <div class="form-group">
                                                    <label for="exampleInputAddress">地址</label>
                                                    <input type="text" class="form-control" id="exampleInputaddress" />
                                                </div> -->

                                                <h4 class="m-t-md m-b">修改密码</h4>
                                                <div class="form-group row">
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputPassword1">确认当前密码</label>
                                                        <input type="password" class="form-control" id="exampleInputPassword1" />
                                                    </div>
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputPassword2">确认新密码</label>
                                                        <input type="password" class="form-control" id="exampleInputPassword2" />
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <div class="col-xs-6">
                                                        <label for="exampleInputPassword3">新密码</label>
                                                        <input type="password" class="form-control" id="exampleInputPassword3" />
                                                    </div>
                                                </div>
                                                <div class="row narrow-gutter">
                                                    <div class="col-xs-6">
                                                        <button type="button" class="btn btn-default btn-block">取消</button>
                                                    </div>
                                                    <div class="col-xs-6">
                                                        <button id="passbut" type="button" class="btn btn-app btn-block">确认<span class="hidden-xs"></span></button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <!-- End profile tab 3 -->

                                       

                                        

                                    </div>
                                    <!-- .card-block .tab-content -->
                                </div>
                                <!-- .card -->
                            </div>
                            <!-- .col-md-8 -->
                        </div>
                        <!-- .row -->
                    </div>
                    <!-- End Page Content -->

                </main>

            </div>
            <!-- .app-layout-container -->
        </div>
        <!-- .app-layout-canvas -->

        <!-- Apps Modal -->
        <!-- Opens from the button in the header -->
        <div id="apps-modal" class="modal fade" tabindex="-1" role="dialog">
            <div class="modal-sm modal-dialog modal-dialog-top">
                <div class="modal-content">
                    <!-- Apps card -->
                    <div class="card m-b-0">
                        <div class="card-header bg-app bg-inverse">
                            <h4>Apps</h4>
                            <ul class="card-actions">
                                <li>
                                    <button data-dismiss="modal" type="button"><i class="ion-close"></i></button>
                                </li>
                            </ul>
                        </div>
                        <div class="card-block">
                            <div class="row text-center">
                                <div class="col-xs-6">
                                    <a class="card card-block m-b-0 bg-app-secondary bg-inverse" href="index.html">
                                        <i class="ion-speedometer fa-4x"></i>
                                        <p>Admin</p>
                                    </a>
                                </div>
                                <div class="col-xs-6">
                                    <a class="card card-block m-b-0 bg-app-tertiary bg-inverse" href="frontend_home.html">
                                        <i class="ion-laptop fa-4x"></i>
                                        <p>Frontend</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- .card-block -->
                    </div>
                    <!-- End Apps card -->
                </div>
            </div>
        </div>
        <!-- End Apps Modal -->

        <div class="app-ui-mask-modal"></div>

        <!-- AppUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock and App.js -->
        <script src="assets/js/core/jquery.min.js"></script>
        <script src="assets/js/core/bootstrap.min.js"></script>
        <script src="assets/js/core/jquery.slimscroll.min.js"></script>
        <script src="assets/js/core/jquery.scrollLock.min.js"></script>
        <script src="assets/js/core/jquery.placeholder.min.js"></script>
        <script src="assets/js/app.js"></script>
        <script src="assets/js/app-custom.js"></script>

    </body>

</html>